(function(){
    const guding=document.getElementById('guding')
    const xunfu=document.getElementById('xuanfu')
    guding.onclick=function(e){
            var n = e.target.getAttribute('data-n');
            var c = document.querySelectorAll('.con');
            document.documentElement.scrollTop=c[n].offsetTop 
    }
    console.log(guding.offsetTop)
    window.onscroll=function(){
        if(document.documentElement.scrollTop>=guding.offsetTop){
            xunfu.style.display='block'
            xunfu.innerHTML=guding.innerHTML
            xunfu.style.position='fixed'
            xunfu.style.top=0;
            xunfu.style.backgroundColor=' rgba(255, 255, 255, 0.886)'
            xunfu.style.width='100%'
        }
        else
        {
            xunfu.style.display='none'
        }
    }
    const xuanfu=document.getElementById('xuanfu')
    xunfu.onclick=function(e){
            var n = e.target.getAttribute('data-n');
            var c = document.querySelectorAll('.con');
            document.documentElement.scrollTop=c[n].offsetTop 
    }
})()